
/*首页按钮*/
.index-btn{border-radius:17px;float:left;padding-top: 3px;padding-bottom: 3px;}

/*活动规则li*/
.rule-ul>li{margin-bottom: 10px;}
.rule-ul>li>div{width: 100%;height: 40px;}
.rule-ul>li>div>div{width: 100px;height:30px;background: #eab976;color: #fff;float: left;}
.rule-ul>li>div>div>p{font-size: 16px;line-height: 30px;text-indent:20px;width: 100%;}
.rule-ul>li>div>span{display:block;float: left;height: 0;width: 0;border-top: 15px solid transparent;border-left: 10px solid #eab976;border-bottom: 15px solid transparent;}
.rule-ul>li>p{margin: 0 10px;}

/*首页商品li*/
#activity>li{border-top: 5px solid #dddddd;}
#activity>li:first-child{border-top:none;}
.act_div{width: 100%;height: 120px;display: flex;}
.act_div>div{display: inline-block;}
.act_div>div:first-child{margin: 13px 0 13px 13px;flex: 0 0 auto;height: 92px;width: 92px;overflow: hidden;display: flex;flex-direction: row;justify-content: center;}
.act_div>div:first-child>img{height: 94px;border: 1px solid #DDDDDD;}
.act_detail{box-sizing: border-box;padding:0 13px;height: 100px;margin: 10px 0;flex: 1 1 auto;}
.act_detail>p{margin: 0;}
.act_detail>p:first-child{height: 25px;overflow:hidden;text-overflow: ellipsis;font-size: 12px;}
.act_detail>p:first-child>span:first-child{display:block;float:left;line-height: 19px;height: 20px;background: #E6E6E6;color: #242842;box-sizing:border-box;padding: 1px 5px;border-radius: 8px;}
.act_detail>p:first-child>span:nth-child(2){display:block;float:right;line-height: 25px;height: 25px;color: #ff4e00;font-weight: bold;}
.act_detail>span{width: 100%;height: 1px;display:block;background: #DDDDDD;}
.act_detail>p:nth-child(3){display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 25px;font-size: 15px;height: 50px;overflow: hidden;text-overflow: ellipsis;vertical-align: bottom;font-weight: bold;}
.act_detail>p:nth-child(4){height: 24px;line-height:24px;overflow:hidden;text-overflow: ellipsis;}
.act_detail>p:nth-child(4)>span:first-child{display: block;float: left;color: #242842;}
.act_detail>p:nth-child(4)>span:nth-child(2){display: block;float: right;color: #006d89;}
.status2{color: #999999 !important;}
.more_detail>div{margin-bottom: 5px;height: 5px;}
.more_detail>p{font-size: 12px;display: flex;}
.more_detail>p>span{flex: 1 1 auto;}
.more_detail>p>span:nth-child(2){text-align: center;}
.more_detail>p>span:nth-child(3){text-align: right;}
.btn-gold{background: #f9d249;color: #fff;}
.table>tbody>tr>td{line-height: 31px !important;}

/*历史记录li*/
.history-li{display: block;height:100px;position: relative;margin-bottom: 10px;}
.history-li>img{height: 100px;width:100px;display:block;float: left;border-radius: 15px;border: 1px solid #dbdbdb;box-sizing: border-box;}
.history-li>div{position: absolute;top: 0;right: 0;left: 110px;height: 100px;}
.history-li p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.users{width: 100%;}

.users td>img{height: 30px;width: 30px;}
body .users tr>td{vertical-align: middle;padding-top:5px;padding-bottom: 5px;}
.users tr>td:first-child{width: 30px;}

/*我的tab*/
@media screen and (min-width: 200px) {
    .nav-tabs.nav-justified>li {display: table-cell;width: 1%;}
}
@media screen and (min-width: 200px){
    .nav-tabs.nav-justified>li>a {border-bottom: 1px solid #ddd;border-radius: 4px 4px 0 0;}
}
@media screen and (min-width: 200px) {
    .nav-tabs.nav-justified>.active>a{border-bottom-color:#fff;}
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover{border-bottom:none;}

#mine-tab>ul>li{border-top: 5px solid #ddd;}
#mine-tab>ul>li:first-child{border-top: none;}


/*轮播图*/
.carousel-inner>.item>img{display: block;height: 300px;margin: 0 auto;}
.carousel-control.left,.carousel-control.right{background-image: none;}


*{ margin: 0; padding: 0; }
.wrapper{ overflow: hidden; min-height: 100%; background: #fff; }
.loading-warp{ display: table; width: 100%; margin-top: -5.8rem; }
.loading-warp .box{ width: 100%; padding-top: 1rem; padding-bottom: 1rem;
    display: table-cell; text-align: center; vertical-align: middle; }
.loading-warp .box img{ display: block; width: 2rem; height: 2rem; margin: 0 auto; }
.loading-warp .box .text{ display: block; text-align: center; font-size: 0.5rem;
    line-height: 0.5rem; opacity: 0.7; margin-top: 1.4rem; }